<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<script type="text/javascript" src='vue.js'></script>
</head>
<body>

	<div id=root>
	<p v-for="(n, i) in list">{{n}}</p>
	<br>
	<p v-for="n in list2">{{n.username}}------{{n.age}}</p>
	<br>
	<p v-for="n in list3">
		<input type="checkbox" value="{{n.id}}" >{{n.val}}
	</p>
	</div>
<!-- 	<div id=root v-html="msg"></div> -->
	<script type="text/javascript">
	new Vue({
		el:"#root"
// 		,template:'<h1>hh {{msg}}</h1>'
		,data:{
			
			list:[1,'sdddd',3],
			list2:[{username:"tom",age :32},
{username:'jo',age :33},
			]
			,list3:[{id:1,val:'飞机'},{id:2,val:'火车'}]
		}
		,methods:{
			myclick:function(){
				this.show=!this.show;
			}
		}
	
	})
	</script>
</body>
</html>